<template>
  <div>
    <el-drawer
      title="设置"
      :visible.sync="drawer"
      size="20%"
      :modal="false"
      :with-header="false"
    >
      <slot name="setting"> </slot>
    </el-drawer>
  </div>
</template>

<script>
export default {
  data() {
    return {
      drawer: false,
    };
  },

  components: {},

  computed: {},

  mounted() {},

  methods: {},
};
</script>
<style lang='scss' scoped>
/deep/ .el-drawer.ltr,
/deep/.el-drawer.rtl {
  height: 75%;
  top: 15%;
  border-radius: 1rem;
  padding: 1rem;
  background: rgba(255, 255, 255, 0.5);
}
</style>